<script setup lang="ts">
import { provide } from "vue"
import { buildClassNames } from "../utils"

interface RadioGroupProps {
    modelValue?: string | number
    defaultValue?: string | number
    mode?: string
}

const props = defineProps<RadioGroupProps>()

provide("currentKey", props.modelValue)
provide("defaultValue", props.defaultValue)

const classNames = buildClassNames(() => {
    return {
        "umrp-radio-group": true,
        "umrp-radio-group-list": props.mode === "list",
    }
})
</script>


<template>
    <div :class="classNames">
        <umrp-container align="start" :gap="10">
            <slot></slot>
        </umrp-container>
    </div>
</template>

<style lang="scss" scoped></style>